/*
  1、什么是函数组件：所谓的函数组件是指使用js函数(声明式函数或者是箭头函数)编写的组件
  2、创建函数组件的规则
  1) 函数的名称是首字母大写的
  2）这个函数必须必须要有return
  3) return后面的内容是JSX
  4) 引用组件的时候使用函数名作为标签来进行引用
  5）引用的时候这个标签可以是单标签，也可以是开始和结束标签
  3、react函数组件的事件处理
  函数组件没有this
*/
// export default function App(){
//   return(<div>
//       <h1>Hello Function Component!</h1>
//   </div>)
// }
export default () => {
  function handleClick1() {
    console.log('按钮2被点击了');
  }
  const handleClick2=()=>{
    console.log('按钮3被点击了');
  }
  const handleClick3=function(){
    console.log('按钮4被点击了');
  }
  return (
    <div>
      <h2>React事件处理</h2>
      <button onClick={() => { console.log('按钮1被点击了') }}>button1</button>
      <button onClick={handleClick1}>button2</button>
      <button onClick={handleClick2}>button3</button>
      <button onClick={()=>{handleClick3()}}>button4</button>
      <hr />
    </div>)
}
